<template>
	<view class="page">
		<view class="header">
			<view class="header-1">
				<u-icon name="arrow-leftward" color="323233" size="18" @click="toGoBack()" />
			</view>
			<view class="header-2">
				<image src="/static/logo.png"></image>
				教育培训系统
			</view>
			<view class="header-3"></view>
		</view>
		<view class="content">
			<view>页面走丢了！<text style="color: #2979ff;" @click="backHome">返回首页</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			
		},
		methods: {
			toGoBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			backHome() {
				uni.reLaunch({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style scoped>
	.page {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		position: relative;
		background: #F6F8FC;
	
		.header {
			width: 100%;
			height: 88rpx;
			line-height: 88rpx;
			background-color: #fff;
			display: flex;
	
			.header-1 {
				margin: 30rpx 0 0 38rpx;
				justify-content: center;
				align-items: center;
	
			}
	
			.header-2 {
				flex: 10;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
	
				image {
					width: 48rpx;
					height: 48rpx;
					margin-right: 16rpx;
				}
			}
	
			.header-3 {
				flex: 1;
			}
		}
	
		.content {
			display: flex;
			flex-direction: column;
			flex: 1;
			height: calc(100vh - 50px);
		}
	}
</style>
